﻿<!doctype html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript"
	src="virtorina/virtorina.nocache.js"></script>
<link type="text/css" rel="stylesheet" href="Virtorina.css">
<link type="text/css" rel="stylesheet"
	href="bootstrap/css/bootstrap.css">
<link type="text/css" rel="stylesheet"
	href="bootstrap/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet"
	href="bootstrap/css/bootstrap-responsive.css">
<link type="text/css" rel="stylesheet"
	href="bootstrap/css/bootstrap-responsive.min.css">
<link type="text/css" rel="stylesheet"
	href="bootstrap/css/font-awesome.css">
<title>IQ: Room</title>

<script type="text/javascript" language="javascript"
	src="//twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script type="text/javascript" language="javascript"
	src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" language="javascript"
	src="bootstrap/js/bootstrap-dropdown.js"></script>
<script type="text/javascript" language="javascript"
	src="bootstrap/js/bootstrap-tooltip.js"></script>
<script type="text/javascript" language="javascript"
	src="bootstrap/js/bootstrap.min.js"></script>
<script src="//loginza.ru/js/widget.js" type="text/javascript"></script>

<!--[if lt IE 9]> 
   <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
  <![endif]-->

<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push([ '_setAccount', 'UA-27302582-1' ]);
	_gaq.push([ '_trackPageview' ]);

	(function() {
		var ga = document.createElement('script');
		ga.type = 'text/javascript';
		ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl'
				: 'http://www')
				+ '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ga, s);
	})();
</script>
</head>

<body>

	<!-- OPTIONAL: include this if you want history support -->
	<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
		style="position: absolute; width: 0; height: 0; border: 0"></iframe>

	<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
	<noscript>
		<div
			style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
			Your web browser must have JavaScript enabled in order for this
			application to display correctly.</div>
	</noscript>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" style="font-size: 22px;"><strong>Instant
						Quiz <sup title="service still in development">&beta;</sup>
				</strong></a>
				<div class="nav-collapse">
					<ul class="nav">
						<li><a href="rooms.html"><i class="icon-list"></i><span
								id="list">All rooms</span></a></li>
					</ul>
					
					<ul class="nav pull-right">
						<li><a href="#"><i class="icon-info-sign"></i><span
								id="feedback">Feedback</span></a></li>
						<li class="divider-vertical"></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><i class="icon-user"></i><span
								id="userName">Anonymous</span> <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a
									href="https://loginza.ru/api/widget?token_url=http://instant-quiz.appspot.com/auth"
									class="loginza">Log in</a></li>
								<li><a href="/auth?logout=true">Log out</a></li>
							</ul></li>
						</ui>
				</div>
			</div>

		</div>
	</div>
	<div class="clear"></div>
	<div id="main">
		<div id="users">
			<div id="Ulist"></div>
			<div id="number"></div>
		</div>
		<div id="quiz">
			<div id="info"></div>
			<div id="question"></div>
			<div id="message">&nbsp</div>
			<div id="timeline"
				class="progress progress-info progress-striped active"
				style="position: relative;">
				<div class="bar" id="timeBar" style="width: 0%; position: relative;"></div>
				<b id="persent" style="position: absolute; right: 50%; bottom: 0px;"></b>
			</div>
		</div>
		<div id="chat">
			<div id="textBox"></div>
		</div>
	</div>
	<footer>

		<a href="http://goo.gl/XYSJH">Known bugs</a>
	</footer>


</body>
</html>